body{
font-size:0.85em;

font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nav
{
    background:  #f1f3f5;
    height: 25px;
    margin:0px;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em; 
    width:90%; 
    font-weight: bold;
}
#nav ul{
margin:15px;
padding:3px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
width:90%;
}
#nav ul li
 {
    
 }

#nav #home,#nav #warehouse,#nav #config,#nav #system,#nav #report,#nav #approval
{
    margin-left:25px;  
}
#nav #home a.asubmain,#nav #warehouse a.asubmain,#nav #config a.asubmain,#nav #system a.asubmain,#nav #report a.asubmain,#nav #approval a.asubmain
{
    margin-bottom:10px;  
    background:  #f1f3f5;
    margin-left: 24px;
}
 #home{
    padding-top: 10px;
    background-image: url('images/home_page.png');
    background-repeat: no-repeat;
    background-position: 0em;

}
#warehouse{ 
    padding-top: 10px;
    background-image: url('images/warehouse_page.png') ;
    background-repeat: no-repeat;
    background-position: 0em;  
}
#config{ 
    padding-top: 10px;
    background-image: url('images/config_page.png');
    background-repeat: no-repeat;
    background-position:0;

}
#approval{ 
    padding-top: 10px;
    background-image: url('images/approval_page.png');
    background-repeat: no-repeat;
    background-position: 0em;

}
#report{ 
    padding-top: 10px;
    background-image: url('images/report_page.png');
    background-repeat: no-repeat;
    background-position: 0em;

}
#system{ 
    padding-top: 10px;
    background-image: url('images/system_page.png');
    background-repeat: no-repeat;
    background-position: 0em;

}

.submain ul li 
{
    border:1px solid #f0f0f0;  

}


#nav a{
display:block;
padding:0px 5px;
color:navy;
text-decoration:none;
background-color: #e8e8e8;
/*background:  #f1f3f5;*/



}


#nav a:hover{
background-color:#f1f7f6;
color:navy;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}